.top-box {
	width: 100vw;
	background: $uni-white;
	box-sizing: border-box;
	padding: calc(var(--status-bar-height) + 14rpx) 32rpx 14rpx;
	font-size: 44rpx;
	font-weight: 700;
}

.search-box {
	width: 100vw;
	height: 88rpx;
	background: $uni-white;
	box-sizing: border-box;
	padding: 0 32rpx;
}

.input-box {
	width: 100%;
	background: $uni-F5F5F5;
	height: 64rpx;
	border-radius: 16rpx;
	box-sizing: border-box;
	padding: 0 24rpx;
}

.message-item {
	width: 100vw;
	height: 144rpx;
	box-sizing: border-box;
	padding: 32rpx 28rpx;
	.user-head {
		width: 88rpx;
		height: 88rpx;
		margin-right: 24rpx;
		border-radius: 44rpx;
		flex-shrink: 0;
		background-color: $uni-F5F5F5;
	}
	.not-read {
		width: 44rpx;
		height: 28rpx;
		line-height: 28rpx;
		text-align: center;
		background: #FA5151;
		font-size: 20rpx;
		color: $uni-white;
		border-radius: 14rpx;
	}
}